<template>
  <div class="award-template">
    <!-- 奖项-->
    <div class="to-flex award">
      <el-avatar :src="award.image" :size="50"></el-avatar>
      <sn-text
          :move-down="16"
          :text="award.name"
          class="award-name"
          :font-size="18"/>
    </div>
    <!-- 奖项条目-->
    <div class="award-item" v-if="award.item">
      <span class="award-detail">获奖 :</span>
      <span class="award-detail">{{ award.item }}</span>
    </div>
    <!-- 提名项-->
    <div class="award-item" v-if="award.nominate">
      <span class="award-detail">提名 :</span>
      <span class="award-detail">{{ award.nominate }}</span>
    </div>
    <!-- 分隔线-->
    <el-divider/>
  </div>
</template>

<script>
export default {
  name: "AwardTemplate",
  data() {
    return {
      awardImage: 'https://p1.meituan.net/movie/93c7e76ea0613b230023c7f0348e77327514.jpg@50w_50h_1e_1c',
      awardName: '第39届香港金像奖',
      awardItem: '最佳影片 / 最佳导演 / 最佳编剧 / 最佳女主角 / 最佳新演员 / 最佳摄影 / 最佳服装造型设计 / 最佳原创电影歌曲最佳影片 / 最佳导演 / 最佳编剧 / 最佳女主角 / 最佳新演员 / 最佳摄影 / 最佳服装造型设计 / 最佳原创电影歌曲',
      nominate: '最佳影片 / 最佳导演 / 最佳编剧 / 最佳女主角 / 最佳新演员 / 最佳摄影 / 最佳服装造型设计 / 最佳原创电影歌曲最佳影片 / 最佳导演 / 最佳编剧 / 最佳女主角 / 最佳新演员 / 最佳摄影 / 最佳服装造型设计 / 最佳原创电影歌曲'
    }
  },
  props: {
    award: {
      type: Object,
      default() {
        return {}
      }
    },
  },
}
</script>

<style scoped>
.award-template {
  margin-top: 20px;
}

.award {
  margin-bottom: 15px;
}

.award-name {
  margin-left: 20px;
}

.award-item {
  margin-top: 5px;
}

.award-detail {
  font-size: 14px;
  line-height: 25px;
  margin-right: 5px;
}
</style>